<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="isperp" uri="/WEB-INF/tlds/isperp.tld"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh"
	dir="ltr">
<head>
<title>选择部门人员</title>
<jsp:include page="../../includes/global.jsp"></jsp:include>

<style type="text/css">
.thumb-wrap {
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
	text-align: center;
	cursor: pointer;
	min-width: 60px;
}

.x-view-over {
	background: #eff5fb;
	border: 1px solid #99bbe8;
	padding: 4px;
}
</style>
</head>
<body>
	<div
		style="width: 100%;text-indent:2em;height: 30px;line-height:30px;position: fixed;top: 0;left: 0;border-bottom: 1px solid #0b1b30;background:#ddd;z-index: 900;">
		<input type="radio" name="size"
			${checked16} 
			onchange="window.location.href='tags/selector/iconSelector?ctId=iconSelector&size=16x16';">16x16
		<input type="radio" 　 name="size"
			${checked24} 
			onchange="window.location.href='tags/selector/iconSelector?ctId=iconSelector&size=24x24';">24x24
		<input type="radio" 　 name="size"
			${checked48} 
			onchange="window.location.href='tags/selector/iconSelector?ctId=iconSelector&size=48x48';">48x48
		</select>
	</div>
	<div style="margin-top:35px;"></div>
	<div style="padding:10px;margin-top: 30px;">
		<c:forEach items="${icons }" var="icon">
			<div class="thumb-wrap " id="icon_${icon.id }" title="${icon.name}"
				onclick="setSelectedValue('${icon.imgPath}');"
				onmouseout="this.style.background='#fff';"
				onmouseover="this.style.background='#eff5fb';">
				<div class="thumb">
					<img src="${icon.imgPath}">
				</div>
				<span class="x-editable" style="padding-top:2px">${icon.name}</span>
			</div>
		</c:forEach>
	</div>
	<script type="text/javascript">
		function setSelectedValue(url) {
			window.parent.${ctId}SetSelected(url);
		}　
	</script>
</body>
</html>